@if swmmobile.css pretty {
	@external scrollPanel, simpleScrollPanel;	
}

.scrollPanel {
	\-webkit-transition-property: \-webkit-transform, top;
    \-webkit-transition-timing-function: cubic-bezier\(0,0,0.25,1\);
	\-webkit-box-flex: 10;
	display: \-webkit-box;
	\-webkit-box-orient: vertical;
	overflow: hidden;
	padding-top: .3em;
	padding-bottom: .5em;
	
	transition-property: transform, top;
    transition-timing-function: cubic-bezier\(0,0,0.25,1\);
	-ms-flex: 10;
	display: -ms-flexbox;
	-ms-flex-direction: column;
}

.scrollPanel > * {
	position: relative;
}

.simpleScrollPanel {
	width: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-box-flex: 1.0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	padding-top: .3em;
	padding-bottom: .5em;
  	
 	display: -ms-flexbox;
    -ms-flex-direction: column;
	-webkit-box-flex: 1.0;
  	-ms-flex: 1.0;
}

.simpleScrollPanel > * {
	position: relative;
}
